<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	<style>
		/*css语法：选择器  {属性名:属性值 }*/
		/*类选择器的前缀 是 . */
		.mod_container {
			background-color: aqua;
			width: 200px;
		}
		
	</style>
	</head>

	<body>
		<!--外层容器-->
		<!--class 是css的类选择器：选择同一类型的元素的选择器-->
		<div  style="background-color: aqua;">
			class 是css的类选择器
		</div>
		<div  style="background-color: aqua;">
			class 是css的类选择器
		</div>
		<div  style="background-color: aqua;">
			class 是css的类选择器
		</div>
		
		<hr />
		
		<div class="mod_container">
			class 是css的类选择器
		</div>
		<div class="mod_container">
			class 是css的类选择器
		</div>
		<div class="mod_container">
			class 是css的类选择器
		</div>

	</body>

</html>